<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'custom.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<link rel="stylesheet" type="text/css"
	href="/webbei/js/bgjs/css/index.css" />
<script type="text/javascript"
	src="/webbei/js/bgjs/js/alixixi_jquery.min.js"></script>
<script type="text/javascript" src="/webbei/js/bgjs/js/script.js"></script>
<link rel="stylesheet" type="text/css" href="css/login.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
<script type="text/javascript" src="js/login.js"></script>
<link rel="stylesheet"
	href="jquery/css/ui-lightness/jquery-ui-1.9.0.custom.css" />
<script src="jquery/js/jquery-ui-1.9.0.custom.js"></script>
<script src="js/customjs/custom.js"></script>
</head>
<style type="text/css">
</style>
<script type="text/javascript">
	function changeBg(bgurl) {
		document.getElementById("bg").style.background = "url(" + bgurl
				+ ") no-repeat center bottom";
		document.cookie = "bg=" + bgurl;
	}
</script>
<script type="text/javascript" language="javascript">
	window.onload=function(){changeBg('${bgpiclist[0].picUrl}');initcolor();}
</script>
<body>
	<img src="img/022.gif" id="loading_img" style="display:none;position:absolute;z-index:999;" />
	<div id="fancybox-overlay" style="background-color: rgb(119, 119, 119); height: 1823px; 
		opacity: 0.7; cursor: pointer; display: none; " onclick="viewclose()"></div>
	<div id="fancybox-wrap"
		style="display: none; width: 630px; top: 88px; left: 431px; height: auto; ">
		<div id="fancybox-outer">
			<div class="fancybox-bg" id="fancybox-bg-n"></div>
			<div class="fancybox-bg" id="fancybox-bg-ne"></div>
			<div class="fancybox-bg" id="fancybox-bg-e"></div>
			<div class="fancybox-bg" id="fancybox-bg-se"></div>
			<div class="fancybox-bg" id="fancybox-bg-s"></div>
			<div class="fancybox-bg" id="fancybox-bg-sw"></div>
			<div class="fancybox-bg" id="fancybox-bg-w"></div>
			<div class="fancybox-bg" id="fancybox-bg-nw"></div>
			<div id="fancybox-content"
				style="width: 610px; height: 480px; border-top-width: 10px; 
				border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; ">
				<img id="fancybox-img"
					src=""
					alt="">
			</div>
			<a id="fancybox-close" style="display: block; " onclick="viewclose()"></a>
			<a href="javascript:;" id="fancybox-left" style="display: none; ">
				<span class="fancy-ico" id="fancybox-left-ico"></span>
			</a>
			<a href="javascript:;" id="fancybox-right" style="display: none; ">
				<span class="fancy-ico" id="fancybox-right-ico"></span>
			</a>
			<div id="fancybox-title" class="" style="display: none; "></div>
		</div>
	</div>
	<jsp:include page="top.jsp"></jsp:include>
	<div id="custom_content">
		<div id="leftlist">
			<div>
				<img id="plbutton" src="img/custom_select_pro.gif"
					style="cursor:pointer;" />
				<ul id="productlist" style="display:none;">
					<c:forEach items="${applicationScope.product}" var="p">
						<li><a href="showCustom.action?productId=${p.productId }">${p.productName
								}</a></li>
					</c:forEach>
				</ul>
			</div>
			<div>
				<img src="img/custom_type.gif" />
				<ul style="list-style:none;margin-left:20px;">
					<c:forEach items="${list}" var="fli">
						<li><a href="javascript:void(0);" id="${fli.brandsId}"
							onclick="zhan1(${fli.brandsId})"> <img
								id="tupian${fli.brandsId}" src="img/nolines_plus.gif"> </a>${fli.brandsName}
							<div id="second${fli.brandsId}" style="display:none"
								isclick="false">
								<ul id="uu${fli.brandsId}">
								</ul>
							</div>
						</li>
					</c:forEach>
				</ul>
			</div>
		</div>
		<div id="bg"></div>
		<div id="custom_choose">
			<img src="img/yulan_03.png"
				style="margin-top:5px;width:90px;height:30px;cursor:pointer;"
				onclick="yulan()" /> <img src="img/clear_03.png"
				style="width:90px;height:30px;cursor:pointer;" onclick="clearall()" />
			<img src="img/diypic_03.png" width="190px" height="20px" />
			<div>
				<img src="img/2B2149362.png" class="diypic"
					onclick="addimg('img/2B2149362.png')" /> <img
					src="img/652149827.png" class="diypic"
					onclick="addimg('img/652149827.png')" /> <img
					src="img/C221414356.png" class="diypic"
					onclick="addimg('img/C221414356.png')" /> <img
					src="img/7A21411631.png" class="diypic"
					onclick="addimg('img/7A21411631.png')" /> <img
					src="img/8921411865.png" class="diypic"
					onclick="addimg('img/8921411865.png')" />
			</div>
			<img src="img/wordadd_03.png" width="190px" height="20px" />
			<form id="addword" method="post">
				<textarea name="word"
					style="width:140px;height:30px;margin-top:4px;"></textarea>
				<div style="float:right;width:40px;margin-top:4px;">
					<select name="size" style="float:right;">
						<option>12</option>
						<option>13</option>
						<option>14</option>
						<option>15</option>
						<option>16</option>
					</select>
					<div onclick="coloropen(event)" id="custom_color"
						style="width:40px;height:15px;cursor:pointer;border:1px solid #000;
					background:#000;float:right;margin-top:4px;">
					</div>
					<div id="colorpane"
						style="position:absolute;z-index:999;display:none;"></div>
					<input type="hidden" name="color" value="rgb(0, 0, 0)" />
				</div>
				<select name="family">
					<option>宋体</option>
					<option>黑体</option>
					<option>Times New Roman</option>
				</select> <br /> <input type="button" value=" 确定 " onclick="addword()" /> <input
					type="reset" value=" 取消 " />
			</form>
			<img src="img/localpic_03.png" width="190px" height="20px" />
			<form action="picupload.action" id="form1" name="form1"
				encType="multipart/form-data" method="post" target="hidden_frame"
				style="text-align:left;font-size:14px;">
				<input type="file" id="file" name="myfile" style="width:140px">
				<INPUT type="submit" value="上传文件">
				<iframe name='hidden_frame' id="hidden_frame" style="display:none;"></iframe>
			</form>
			<script type="text/javascript">
				function callback() {
					document.getElementById("file").outerHTML = document.getElementById("file").outerHTML;
				}
			</script>
		</div>
		<div>
			<div class="navigation_body">
				<div class="bx_wrap">
					<a class="prev" href="">left</a><a class="next" href="">right</a>
					<div class="bx_container">
						<ul id="example1">
							<c:forEach items="${bgpiclist }" var="bg">
								<li><img height="107" width="107"
									onclick="changeBg('${bg.picUrl}');" src="${bg.picUrl}">
								</li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<jsp:include page="bottom.jsp"></jsp:include>
</body>
</html>
